<%--
  Created by IntelliJ IDEA.
  User: claw
  Date: 2021/10/25
  Time: 21:19
  To change this template use File | Settings | File Templates.
--%>

<%--后期有待改造--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="utf-8">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
    <title></title>
</head>
<body>

<nav class="navbar navbar-light bg-light">
    <div class="container-fluid">
        <a class="btn btn-secondary" href="userBase.jsp" role="button">返回</a>
    </div>

</nav>

<div class="container">
    <div class="row">
        <div class="col">
            <div class="card" style="width: 18rem;">
                <img src="${pageContext.request.contextPath}/img/食堂1.jpg" class="card-img-top" width="200" height="200">
                <div class="card-body">
                    <h5 class="card-title">荔园一</h5>
                    <p class="card-text">选择美食吧</p>
                </div>
                <a href="${pageContext.request.contextPath}/businessServlet.do?canteen=1" class="btn btn-primary" name="canteen" value="1">去点餐</a>

            </div>
        </div>

        <div class="col">
            <div class="card" style="width: 18rem;">
                <img src="${pageContext.request.contextPath}/img/食堂2.jpg" class="card-img-top" width="200" height="200">
                <div class="card-body">
                    <h5 class="card-title">荔园二</h5>
                    <p class="card-text">选择美食吧</p>
                </div>
                <a href="${pageContext.request.contextPath}/businessServlet.do?canteen=2" class="btn btn-primary">去点餐</a>
            </div>
        </div>

        <div class="col">
            <div class="card" style="width: 18rem;">
                <img src="${pageContext.request.contextPath}/img/食堂3.jpg" class="card-img-top" width="200" height="200">
                <div class="card-body">
                    <h5 class="card-title">荔园三</h5>
                    <p class="card-text">选择美食吧</p>
                </div>
                <a href="${pageContext.request.contextPath}/businessServlet.do?canteen=3" class="btn btn-primary">去点餐</a>
            </div>
        </div>

        <div class="col">
            <div class="card" style="width: 18rem;">
                <img src="${pageContext.request.contextPath}/img/食堂4.jpg" class="card-img-top" width="200" height="200">
                <div class="card-body">
                    <h5 class="card-title">荔园四</h5>
                    <p class="card-text">选择美食吧</p>
                </div>
                <a href="${pageContext.request.contextPath}/businessServlet.do?canteen=4" class="btn btn-primary">去点餐</a>
            </div>
        </div>
    </div>
</div>
</body>
</html>
